<template>
	<view class="entirety">
		<view class="head">
			账号将永久注销
		</view>
		<view class="body"><view class="body1">您的账号将在</view> <view class="body2">{{Year}}年{{Month}}月{{Day}}日</view> <view class="body3">注销</view></view>
		<view class="tail">
			<view style="padding: 20px;">
			<u-button text="取消" >取消注销</u-button>
			</view>
			<view style="padding: 20px;">
			<u-button type="warning" text="确定" >确认注销</u-button>
			</view>
		</view>
	</view>
</template>

<script>
// import "@/uni_modules/uview-ui/index.scss";
	export default {
		onLoad() {
			this.datetime();
		},		
		data() {
			return {
				Year: '',
				Month: '',
				Day: ''
			}
		},
		methods: {
			datetime(){
				var nowTime = new Date();
				this.Year = nowTime.getFullYear();
				this.Month = nowTime.getMonth() + 1;
				this.Day = nowTime.getDate();
			}
		}
	}
</script>

<style>
	.entirety {
		width: 100%;
		height: 100%;
		align-items: center;
	}
	.head{
		width: 100%;
		height: 40px;
		font-size: 30px;
		padding-left: 5%;
		padding-top: 5%;
	}
	.body{
		width: 100%;
		height: 40px;
	}
	.body1{
		padding-left: 5%;
		color: #999999;
		float: left;
	}
	.body2{
		padding-left: 1%;
		padding-right: 1%;
		color: #FDA922;
		float: left;
	}
	.body3{
		color: #999999;
		float: left;
	}
	.tail{
		width: 100%;
		height: 100px;
		margin-top: 100%;
	}
</style>
